<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include} :: header"></head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <form class="layui-form layui-form-pane" id="signupForm">
            <input type="hidden" id="deviceId" name="deviceId" th:value="${device.id}">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label style="width: 100px;" class="layui-form-label">开始时间</label>
                    <div class="layui-input-inline" style="width:120px;">
                        <input type="text" name="begin_date" id="begin_date" th:value="${begin_date}" placeholder="请选择开始时间" autocomplete="off" class="layui-input" />
                    </div>
                </div>
                <div class="layui-inline">
                    <label style="width: 100px;" class="layui-form-label">结束时间</label>
                    <div class="layui-input-inline" style="width:120px;">
                        <input type="text" name="end_date" id="end_date" th:value="${end_date}" placeholder="请选择结束时间" autocomplete="off" class="layui-input" />
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layui-btn-primary layui-btn-sm" lay-submit lay-filter="data-search-btn" ><i class="layui-icon"></i> 搜 索</button>
                </div>
            </div>
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm data-add-btn" onclick="goBack()">
                    <i class="fa fa-reply" aria-hidden="true"></i>&nbsp;返回
                </button>
                <button class="layui-btn layui-btn-sm data-add-btn" lay-submit lay-filter="export-btn">导出记录</button>
            </div>
        </form>
        <div class="layui-row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>测量结果展示</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-line-chart"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>

<script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
<script th:src="@{/js/bootstrap.min.js?v=3.3.6}"></script>
<!-- ECharts -->
<script th:src="@{/js/plugins/echarts/echarts-all.js}"></script>
<script type="text/javascript" th:src="@{/js/appjs/module/device/range/chartsResult.js}"></script>
</body>
</html>
